<template>
  <div class="app-container">
    <div class="contentDiv">
      <el-form ref="dataForm" label-position="left" label-width="78px" :model="form" :rules="rules" inline style="width: 1020px; margin-lef:15px;">
        <div class="tit" style="margin-top:0">基本信息</div>
        <el-form-item label="模板大类" prop="type">
          <el-input v-model.trim="form.type" size="small" disabled style="width:120px" />
        </el-form-item>
        <el-form-item label="模板分类" prop="templateClassificationCode">
          <el-select v-model="form.templateClassificationCode" size="small" placeholder="选择" style="width:120px" disabled>
            <el-option v-for="it in classificationList" :key="it.templateClassificationCode" :label="it.templateClassificationName" :value="it.templateClassificationCode" />
          </el-select>
        </el-form-item>
        <el-form-item label="所属类型" prop="templateType">
          <el-select v-model="form.templateType" size="small" placeholder="选择" style="width:120px">
            <el-option label="公司" :value="1" />
            <el-option label="个人" :value="2" />
          </el-select>
        </el-form-item>
        <el-form-item label="默认" prop="isDefault" label-width="40px" style="margin-left:10px">
          <el-checkbox v-model="form.isDefault" :false-label="0" :true-label="1" />
        </el-form-item>
        <el-form-item label="禁用" prop="isDisabled" label-width="40px" style="margin-left:10px;margin-right:100px">
          <el-checkbox v-model="form.isDisabled" :false-label="0" :true-label="1" />
        </el-form-item>
        <el-form-item label="模板编码" prop="templateCode">
          <el-input v-model.trim="form.templateCode" size="small" style="width:120px" />
        </el-form-item>
        <el-form-item label="模板名称" prop="templateName">
          <el-input v-model.trim="form.templateName" size="small" style="width:120px" />
        </el-form-item>
        <el-form-item label="标题" prop="title" label-width="52px">
          <el-input v-model.trim="form.title" size="small" style="width:200px" />
        </el-form-item>
        <el-form-item label="模板说明" prop="remarks">
          <el-input v-model.trim="form.remarks" size="small" style="width:200px" />
        </el-form-item>
        <el-form-item label="标题上间距" prop="titleSpacingBefore" label-width="88px">
          <el-input v-model.trim="form.titleSpacingBefore" size="small" style="width:110px" />
        </el-form-item>
        <el-form-item label="标题下间距" prop="titleSpacingAfter" label-width="88px">
          <el-input v-model.trim="form.titleSpacingAfter" size="small" style="width:110px" />
        </el-form-item>
        <el-form-item label="表格线粗" prop="columnBorderWidth" label-width="68px">
          <el-input v-model.trim="form.columnBorderWidth" size="small" style="width:60px;margin-right:3px" />px
        </el-form-item>
        <el-form-item label="每页打印表头" prop="printTitlePerPage" label-width="100px">
          <el-checkbox v-model="form.printTitlePerPage" :false-label="0" :true-label="1" />
        </el-form-item>
        <el-form-item label="每页打印表格头" prop="isPrintColumnHeaderPerPage" label-width="110px">
          <el-checkbox v-model="form.isPrintColumnHeaderPerPage" :disabled="form.printTitlePerPage === 1" :false-label="0" :true-label="1" />
        </el-form-item>
        <el-form-item label="打印页码" prop="isPrintPageNumber" label-width="70px">
          <el-checkbox v-model="form.isPrintPageNumber" :disabled="form.isPrintPageTotalNumber === 0" :false-label="0" :true-label="1" />
        </el-form-item>
        <el-form-item label="打印总页码" prop="isPrintPageTotalNumber" label-width="85px">
          <el-checkbox v-model="form.isPrintPageTotalNumber" :false-label="0" :true-label="1" />
        </el-form-item>
        <el-form-item label="页号位置" prop="pageNumberAlign" label-width="68px">
          <el-select v-model="form.pageNumberAlign" size="small" placeholder="选择" style="width:70px">
            <el-option label="左" :value="0" />
            <el-option label="中" :value="1" />
            <el-option label="右" :value="2" />
          </el-select>
        </el-form-item>
        <el-form-item label="页码间距" prop="pageNumberSpacingTop" label-width="68px">
          <el-input v-model.trim="form.pageNumberSpacingTop" size="small" style="width:60px;margin-right:3px" />px
        </el-form-item>
        <el-form-item label="上边距" prop="marginTop" label-width="54px">
          <el-input v-model.trim="form.marginTop" size="small" style="width:50px;margin-right:3px" />px
        </el-form-item>
        <el-form-item label="下边距" prop="marginBottom" label-width="54px">
          <el-input v-model.trim="form.marginBottom" size="small" style="width:50px;margin-right:3px" />px
        </el-form-item>
        <el-form-item label="左边距" prop="marginLeft" label-width="54px">
          <el-input v-model.trim="form.marginLeft" size="small" style="width:50px;margin-right:3px" />px
        </el-form-item>
        <el-form-item label="右边距" prop="marginRight" label-width="54px">
          <el-input v-model.trim="form.marginRight" size="small" style="width:50px;margin-right:3px" />px
        </el-form-item>
        <el-form-item label="纸张大小" prop="pageSizeRectangle" label-width="68px">
          <el-select v-model="form.pageSizeRectangle" size="small" placeholder="选择" style="width:64px">
            <el-option label="A3" value="A3" />
            <el-option label="A4" value="A4" />
            <el-option label="A5" value="A5" />
            <el-option label="B5" value="B5" />
          </el-select>
        </el-form-item>
        <el-form-item label="纸张横向" prop="isRotate" label-width="68px" style>
          <el-checkbox v-model="form.isRotate" :false-label="0" :true-label="1" />
        </el-form-item>
        <div class="tit">字体样式</div>
        <el-form-item label="标题" label-width="58px" prop="titleFontStyle">
          <span>字体</span>
          <el-select v-model="form.titleFontStyle" size="small" placeholder="选择" style="width:70px">
            <el-option v-for="item in fontStyles" :key="item.val+'aaa'" :label="item.name" :value="item.val" />
          </el-select>
          <span style="margin-left:3px">字号</span>
          <el-input v-model.number="form.titleFontSize" size="small" max-length="2" style="width:67px" />
          <span style="margin-left:3px">行高</span>
          <el-input v-model.number="form.titleHeight" size="small" max-length="2" style="width:67px" />
        </el-form-item>
        <el-form-item label="单据头" label-width="58px" prop="headerFontStyle">
          <span>字体</span>
          <el-select v-model.number="form.pageHeaderFontStyle" size="small" placeholder="选择" style="width:70px">
            <el-option v-for="item in fontStyles" :key="item.val+'bbb'" :label="item.name" :value="item.val" />
          </el-select>
          <span style="margin-left:3px">字号</span>
          <el-input v-model.number="form.pageHeaderFontSize" size="small" max-length="2" style="width:67px" />
          <span style="margin-left:3px">行高</span>
          <el-input v-model.number="form.pageHeaderHeight" size="small" max-length="2" style="width:67px" />
        </el-form-item>
        <el-form-item label="表格头" label-width="58px" prop="tableHeaderFontStyle">
          <span>字体</span>
          <el-select v-model.number="form.columnHeaderFontStyle" size="small" placeholder="选择" style="width:70px">
            <el-option v-for="item in fontStyles" :key="item.val+'ddd'" :label="item.name" :value="item.val" />
          </el-select>
          <span style="margin-left:3px">字号</span>
          <el-input v-model.number="form.columnHeaderFontSize" size="small" max-length="2" style="width:67px" />
          <span style="margin-left:3px">行高</span>
          <el-input v-model.number="form.columnHeaderHeight" size="small" max-length="2" style="width:67px" />
        </el-form-item>
        <el-form-item label="表格体" label-width="58px" prop="contentFontStyle">
          <span>字体</span>
          <el-select v-model.number="form.columnDetailFontStyle" size="small" placeholder="选择" style="width:70px">
            <el-option v-for="item in fontStyles" :key="item.val+'eee'" :label="item.name" :value="item.val" />
          </el-select>
          <span style="margin-left:3px">字号</span>
          <el-input v-model.number="form.columnDetailFontSize" size="small" max-length="2" style="width:67px" />
          <span style="margin-left:3px">行高</span>
          <el-input v-model.number="form.columnDetailHeight" size="small" max-length="2" style="width:67px" />
        </el-form-item>
        <el-form-item label="单据尾" label-width="58px" prop="footerFontStyle">
          <span>字体</span>
          <el-select v-model.number="form.pageFooterFontStyle" size="small" placeholder="选择" style="width:70px">
            <el-option v-for="item in fontStyles" :key="item.val+'ccc'" :label="item.name" :value="item.val" />
          </el-select>
          <span style="margin-left:3px">字号</span>
          <el-input v-model.number="form.pageFooterFontSize" size="small" max-length="2" style="width:67px" />
          <span style="margin-left:3px">行高</span>
          <el-input v-model.number="form.pageFooterHeight" size="small" max-length="2" style="width:67px" />
        </el-form-item>
        <el-form-item label="页码" label-width="58px" prop="footerFontStyle">
          <span>字体</span>
          <el-select v-model.number="form.pageNumberFontStyle" size="small" placeholder="选择" style="width:70px">
            <el-option v-for="item in fontStyles" :key="item.val+'ccc'" :label="item.name" :value="item.val" />
          </el-select>
          <span style="margin-left:3px">字号</span>
          <el-input v-model.number="form.pageNumberFontSize" size="small" max-length="2" style="width:67px" />
        </el-form-item>
      </el-form>
      <div class="tit">单据头</div>
      <el-table :data="pageHeader" border size="small" fit highlight-current-row style="width: 1400px;" cell-class-name="tdCell">
        <el-table-column label="行" prop="rowNo" align="center" width="60">
          <template slot-scope="{row}">
            <input v-model="row.rowNo" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="列" prop="colNo" align="center" width="60">
          <template slot-scope="{row}">
            <input v-model="row.colNo" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="标签" prop="labelName" align="center">
          <template slot-scope="{row}">
            <input v-model="row.labelName" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="占列数" prop="labelColspan" align="center" width="60">
          <template slot-scope="{row}">
            <input v-model="row.labelColspan" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="相对列宽" prop="labelRelativeWidth" align="center">
          <template slot-scope="{row}">
            <input v-model="row.labelRelativeWidth" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="水平对齐" prop="labelHorizontalAlign" align="center">
          <template slot-scope="{row}">
            <el-select v-model="row.labelHorizontalAlign" size="small" placeholder="选择" style="width:100%">
              <el-option label="左" :value="0" />
              <el-option label="中" :value="1" />
              <el-option label="右" :value="2" />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="列名" align="center">
          <template slot-scope="{row}">
            <span>{{ row.columnName }}</span>
          </template>
        </el-table-column>
        <el-table-column label="占列数" prop="columnColspan" width="60">
          <template slot-scope="{row}">
            <input v-model="row.columnColspan" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="相对宽度" prop="columnRelativeWidth">
          <template slot-scope="{row}">
            <input v-model="row.columnRelativeWidth" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="水平对齐" prop="columnHorizontalAlign" align="center">
          <template slot-scope="{row}">
            <el-select v-model="row.columnHorizontalAlign" size="small" placeholder="选择" style="width:100%">
              <el-option label="左" :value="0" />
              <el-option label="中" :value="1" />
              <el-option label="右" :value="2" />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="小数位数" prop="scale">
          <template slot-scope="{row}">
            <input v-model="row.scale" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="输出比率" prop="dividedBy">
          <template slot-scope="{row}">
            <input v-model="row.dividedBy" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="小数0舍弃" prop="isDecimalZeroDown" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isDecimalZeroDown" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="千分符" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isThousandth" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="0不输出" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isBlankIfZero" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="标签内容合并" align="center" width="120">
          <template slot-scope="{row}">
            <el-select v-model="row.mergeType" size="small" placeholder="选择" style="width:100%">
              <el-option label="不合并" :value="0" />
              <el-option label="PDF合并" :value="1" />
              <el-option label="PDF与XLSX都合并" :value="2" />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="列输出" align="center" width="70">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isSelected" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
      </el-table>
      <div class="tit">单据尾</div>
      <el-table :data="pageFooter" border size="small" fit highlight-current-row style="width: 1400px;" cell-class-name="tdCell">
        <el-table-column label="行" prop="rowNo" align="center" width="60">
          <template slot-scope="{row}">
            <input v-model="row.rowNo" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="列" prop="colNo" align="center" width="60">
          <template slot-scope="{row}">
            <input v-model="row.colNo" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="标签" prop="labelName" align="center">
          <template slot-scope="{row}">
            <input v-model="row.labelName" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="占列数" prop="labelColspan" align="center" width="60">
          <template slot-scope="{row}">
            <input v-model="row.labelColspan" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="相对列宽" prop="labelRelativeWidth" align="center">
          <template slot-scope="{row}">
            <input v-model="row.labelRelativeWidth" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="水平对齐" prop="columnHorizontalAlign" align="center">
          <template slot-scope="{row}">
            <el-select v-model="row.columnHorizontalAlign" size="small" placeholder="选择" style="width:100%">
              <el-option label="左" :value="0" />
              <el-option label="中" :value="1" />
              <el-option label="右" :value="2" />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="列名" align="center">
          <template slot-scope="{row}">
            <span>{{ row.columnName }}</span>
          </template>
        </el-table-column>
        <el-table-column label="占列数" prop="columnColspan" width="60">
          <template slot-scope="{row}">
            <input v-model="row.columnColspan" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="相对宽度" prop="columnRelativeWidth">
          <template slot-scope="{row}">
            <input v-model="row.columnRelativeWidth" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="水平对齐" prop="columnHorizontalAlign" align="center">
          <template slot-scope="{row}">
            <el-select v-model="row.columnHorizontalAlign" size="small" placeholder="选择" style="width:100%">
              <el-option label="左" :value="0" />
              <el-option label="中" :value="1" />
              <el-option label="右" :value="2" />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="小数位数" prop="scale">
          <template slot-scope="{row}">
            <input v-model="row.scale" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="输出比率" prop="dividedBy">
          <template slot-scope="{row}">
            <input v-model="row.dividedBy" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="小数0舍弃" prop="isDecimalZeroDown" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isDecimalZeroDown" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="千分符" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isThousandth" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="0不输出" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isBlankIfZero" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="标签内容合并" align="center" width="120">
          <template slot-scope="{row}">
            <el-select v-model="row.mergeType" size="small" placeholder="选择" style="width:100%">
              <el-option label="不合并" :value="0" />
              <el-option label="PDF合并" :value="1" />
              <el-option label="PDF与XLSX都合并" :value="2" />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="列输出" align="center" width="70">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isSelected" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
      </el-table>
      <div class="tit">表格体</div>
      <el-table ref="table" :data="columnDetail" border size="small" fit highlight-current-row style="width: 1000px;" cell-class-name="tdCell">
        <el-table-column label="列" prop="colNo">
          <template slot-scope="{row}">
            <input v-model="row.colNo" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="列名" align="center">
          <template slot-scope="{row}">
            <span>{{ row.columnName }}</span>
          </template>
        </el-table-column>
        <el-table-column label="小数位数" prop="scale">
          <template slot-scope="{row}">
            <input v-model="row.scale" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="小数舍弃" prop="isDecimalZeroDown" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isDecimalZeroDown" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="千分符" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isThousandth" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="0不输出" align="center">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isBlankIfZero" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
        <el-table-column label="输出比率" prop="dividedBy">
          <template slot-scope="{row}">
            <input v-model="row.dividedBy" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="水平对齐方式" prop="align" width="100px">
          <template slot-scope="{row}">
            <el-select v-model="row.horizontalAlign" size="small" placeholder="选择" style="width:100%">
              <el-option label="左" :value="0" />
              <el-option label="中" :value="1" />
              <el-option label="右" :value="2" />
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="列宽" prop="relativeWidth">
          <template slot-scope="{row}">
            <input v-model="row.relativeWidth" type="text" class="inputCell tx-c" />
          </template>
        </el-table-column>
        <el-table-column label="列输出" align="center" width="70">
          <template slot-scope="{row}">
            <el-checkbox v-model="row.isSelected" :false-label="0" :true-label="1" />
          </template>
        </el-table-column>
      </el-table>
      <div align="center" style="width: 980px;margin-top:20px">
        <el-button type="primary" style="padding:10px 30px" @click="saveTemplate">保存</el-button>
      </div>
    </div>
  </div>
</template>
<script>
import { saveRptTemplate, getRptByHeaderId, getTemplateClassification, getDefaultTemplateVO, getColumnLabel } from '@/api/basedata'
export default {
  name: 'BillAdd',
  data() {
    return {
      id: this.$route.query.id || '',
      rptType: this.$route.query.code || '',
      visible: false,
      selectObj: {
        groupType: [],
        groupDateType: [],
        columnDetail: [],
        invCatgLevel: [],
        pageFooter: [],
        pageHeader: []
      },
      classificationList: [],
      pageHeader: [{}, {}, {}, {}, {}],
      pageFooter: [{}, {}, {}, {}, {}],
      columnDetail: [{}, {}, {}, {}, {}],
      fontStyles: [{ name: '普通', val: 0 }, { name: '粗体', val: 1 }, { name: '斜体', val: 2 }, { name: '粗斜', val: 3 }, { name: '下划线', val: 4 }],
      form: {
        type: '单据',
        templateCode: '',
        title: '',
        templateName: '',
        templateClassificationCode: this.$route.query.code || '',
        templateType: 1,
        remarks: '',
        groupDateType: '日',
        invCatgLevel: '一级',
        isRotate: 0,
        isDisabled: 0,
        isDefault: 1,
        titleFontStyle: 0,
        titleFontSize: 14,
        titleHeight: 15,
        pageHeaderFontStyle: 0,
        pageHeaderFontSize: 10,
        pageHeaderHeight: 15,
        pageFooterFontStyle: 0,
        pageFooterFontSize: 14,
        pageFooterHeight: 15,
        printTitlePerPage: 1,
        printPageLineSize1: 30,
        printPageLineSize2: 40,
        pageNumberAlign: 1,
        pageNumberSuffix: '页码',
        pageNumberFontStyle: 0,
        pageNumberFontSize: 10,
        pageNumberHeight: 15,
        isPrintSeqAtFirstCol: 1,
        columnDetailFontStyle: 0,
        columnDetailFontSize: 10,
        columnDetailHeight: 15,
        columnHeaderFontStyle: 0,
        columnHeaderFontSize: 10,
        columnHeaderHeight: 15
      },
      rules: {
        type: [{ required: true, trigger: 'blur', message: '模板大类不能为空' }],
        templateClassificationCode: [{ required: true, trigger: 'blur', message: '模板分类不能为空' }],
        templateCode: [{ required: true, trigger: 'blur', message: '模板编码不能为空' }],
        templateName: [{ required: true, trigger: 'blur', message: '模板名称不能为空' }],
        templateType: [{ required: true, trigger: 'blur', message: '请选择模板类型' }],
        title: [{ required: true, trigger: 'blur', message: '标题不能为空' }],
        remarks: [{ required: true, trigger: 'blur', message: '模板说明不能为空' }]
      }
    }
  },
  created() {
    this.getColumnNames()
    getTemplateClassification('bill').then(res => {
      this.classificationList = res.data.data
    })
    this.getTemplateDetail()
  },
  methods: {
    saveTemplate() {
      this.$refs['dataForm'].validate((valid) => {
        if (valid) {
          const obj = this.form
          obj.pageHeader = this.pageHeader
          obj.pageFooter = this.pageFooter
          obj.columnDetail = this.columnDetail
          saveRptTemplate(obj).then(res => {
            if (res.data.errorCode == 0) {
              this.$message.success(res.data.msg)
              this.$store.dispatch('tagsView/delView', this.$route)
              this.$router.replace('/set/template/bill')
            }
          })
        }
      })
    },
    getColumnNames() {
      if (this.rptType) {
        getColumnLabel(this.rptType).then(res => {
          this.selectObj = res.data.data || this.selectObj
        })
      }
    },
    async getTemplateDetail() {
      if (this.$route.query.id) {
        var res = await getRptByHeaderId(this.$route.query.id)
      } else {
        var res = await getDefaultTemplateVO(this.rptType, 'bill')
      }
      this.form = res.data.data
      this.pageHeader = res.data.data.pageHeader
      this.pageFooter = res.data.data.pageFooter
      this.columnDetail = res.data.data.columnDetail
      this.form.type = 'report'
    }
  }
}
</script>
<style scoped>
.main {
    width: 1000px;
    margin: 20px auto;

}

.tit {
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0;
}

.subtit {
    display: inline-block;
    width: 60px;
    line-height: 40px
}

.message-title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-right: 8px;
}
</style>
<style lang="scss" scoped>
>>>.el-dialog__body {
    padding-bottom: 20px !important
}

/deep/ .el-form-item {
    margin-bottom: 18px;
}

>>>.inputCell {
    display: block;
    width: 100%;
    height: 40px;
    border: none;
    padding-left: 6px;
    padding-right: 8px;
}

>>>.tdCell {
    padding: 0 !important;

    .cell {
        padding: 0 !important
    }
}
</style>
